<template>
  <div class="user">
    <div class="allbutton" style="width:80%;margin-top:50px">
      <div>总书籍数量：{{books}}</div>
      总用户数量：{{users}}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      books: 0,
      users: 0
    };
  },
  created() {
    this.getData();
  },
  methods: {
    getData() {
      this.$axios.get(this.$store.state.url+"/system").then((res) => {
          console.log(res)
        if (res.status === 200) {
          this.books = res.data.results.books || 0;
          this.users = res.data.results.users || 0;
          console.log(this.users)
        }
      });
    },
  },
};
</script>

<style scoped>
.biaoge {
  margin-top: 30px;
}
.block {
  float: right !important;
}
</style>

<style>
.user .el-input__inner {
  width: 200px !important;
}
.el-pagination .el-select .el-input .el-input__inner {
  padding-right: 25px;
  border-radius: 3px;
  width: 100px !important;
}
.el-pagination__editor.el-input .el-input__inner {
  width: 40px !important;
}
</style>
